<template>
	<view>
		<view class="container plr30">
			<navigator class="m-hairline--bottom ptb40":url="'/pages/help_detail/help_detail?article_id='+item.id" hover-class="none" v-for="(item,index) in helpLists" :key="item.id">
				<view class="m-arrow-right pr40 fs28 col-black">{{item.name}}</view>
			</navigator>
			<view class="g-btn3-wrap">
				<view class="g-btn3"  :class="{nomore: helpListsMore.nomore == true || helpListsMore.loading == true}" @click="fetch">{{helpListsMore.text}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	const util = require('@/xiluedu/util.js');
export default {
	data() {
		return {
			helpLists:[],
			helpListsMore:{page:1,text:'正在加载...'}
		};
	},
	onLoad(){
		this.fetch();
	},
	methods: {
		fetch(){
			util.fetch(this, 'xiluedu.article/lists', {category_id:1,pagesize:10}, 'helpListsMore', 'helpLists', 'data', data=>{
			
			})
		}
	}
};
</script>

<style scoped></style>
